<template>
  <div class="content">
    <h1 id="脚手架工具">脚手架工具</h1>
    <p>使用<strong>vue-cli</strong>创建项目初始化，使用工具去规范项目的初始化流程，解决项目在初始化中遇到的问题.</p>
    <h2 id="为什么需要脚手架工具">为什么需要脚手架工具</h2>
    <p>开始一个新的项目时，最先需要考虑是新建项目工程，在创建新的工程过程中，需要完成如下一些基础的工作</p>
    <ul>
      <li>各类库，组件的依赖</li>
      <li>webpack 的初始化设置</li>
      <li>项目的基础模块，如：config, api, router, service, pages</li>
    </ul>
   
    <h2 id="脚手架使用方式">脚手架使用方式</h2>
    <ul>
      <li>全局安装 vue-cli</li>
    </ul><pre class="language-bash"><code><span class="token function">yarn</span> <span class="token function">add</span> global vue-cli
</code></pre>
或者
<pre class="language-bash"><code><span class="token function">npm/cnpm</span> <span class="token function">install</span> vue-cli -g
</code></pre>
    <ul>
      <li>安装依赖工具包</li>
    </ul><pre class="language-bash"><code><span class="token function">yarn</span> <span class="token function"></span>
</code></pre>
或者
<pre class="language-bash"><code><span class="token function">npm/cmpm</span> <span class="token function"> install</span>
</code></pre>
    
    <p>通过上面步骤，会创建好一个新的项目，并安装好了相关的依赖包</p>
    <h2 id="项目启动">项目启动</h2>
    <p>项目初始化之后，使用如下脚本启动本地服务</p>
    <blockquote>
      <p>yarn run dev 或者 npm run start</p>
    </blockquote>
    <p>启动成功之后，访问 **http://localhost:8080/**访问</p>
  </div>
</template>
